<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜情感产品(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="小毒仙JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="小医仙网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="../xiaotuzi/css/people.css">
</head>

<body>
    <!-- topnav开始 -->
    <div class="topnav">
        <div class="w">
            <div class="top_rd fr">
                <ul>
                    <li><a href="#">请先登录</a> </li>
                    <li><a href="#">免费注册</a> </li>
                    <li><a href="#">我的订单</a> </li>
                    <li><a href="#">会员中心</a> </li>
                    <li> <a href="#">帮助中心</a> </li>
                    <li> <a href="#">在线客服</a> </li>
                    <li><a href="#">手机版</a> </li>
                    <!-- <i>&#xe621</i> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- topnav结束 -->
    <!-- nav区域开始 -->
    <div class="nav w">
        <div class="nav_middle">
            <div class="logo fl">
                <h1>
                    <a href="#">小兔子鲜</a>
                </h1>
            </div>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>
            </ul>
            <div class="shopcar fr">
                <input type="text" placeholder="搜一搜">
                <div class="input1"></div>
                <div class="smallcar">
                    <div class="count">2</div>
                </div>
            </div>
        </div>
    </div>
    <!-- nav区域结束 -->
    <!-- media区域开始 -->
    <div class="media ">
        <div class="media_all w">
            <div class="media_ld fl">
                <!-- 左侧第一个框框 -->
                <div class="media_ld_top">
                    <dl>
                        <dt>我的账户</dt>
                        <dd><a href="#">
                                个人中心
                            </a> </dd>
                        <dd><a href="#">
                                消息通知
                            </a> </dd>
                        <dd><a href="#">
                                个人信息
                            </a> </dd>
                        <dd><a href="#">
                                安全设置
                            </a> </dd>
                        <dd><a href="#">
                                地址管理
                            </a> </dd>
                        <dd><a href="#">
                                我的积分
                            </a> </dd>
                        <dd><a href="#">
                                我的足迹
                            </a> </dd>
                        <dd><a href="#">
                                邀请有礼
                            </a> </dd>
                        <dd><a href="#">
                                幸运抽奖
                            </a> </dd>
                    </dl>
                </div>
                <!-- 左侧第二个框框 -->
                <div class="media_ld_top trade">
                    <dl>
                        <dt>交易管理</dt>
                        <dd><a href="#">
                                我的订单
                            </a> </dd>
                        <dd><a href="#">
                                优惠券
                            </a> </dd>
                        <dd><a href="#">
                                礼品卡
                            </a> </dd>
                        <dd><a href="#">
                                评价晒单
                            </a> </dd>
                        <dd><a href="#">
                                售后服务
                            </a> </dd>
                    </dl>
                </div>
                <!-- 左侧第三个框框 -->
                <div class="media_ld_top collect">
                    <dl>
                        <dt>我的收藏</dt>
                        <dd><a href="#">
                                收藏的商品
                            </a> </dd>
                        <dd><a href="#">
                                收藏的专题
                            </a> </dd>
                        <dd><a href="#">
                                关注的品牌
                            </a> </dd>
                    </dl>
                </div>
                <!-- 左侧第四个框框 -->
                <div class="media_ld_top helper">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="#">
                                帮助中心
                            </a> </dd>
                        <dd><a href="#">
                                在线客服
                            </a> </dd>
                    </dl>
                </div>
            </div>
            <div class="media_rd fl">
                <!-- 右侧第一个框 -->
                <div class="flower fl">
                    <div class="pic fl">
                        <img src="../xiaotuzi/uploads/avatar_1.png" alt="">
                    </div>
                    <span>张小花</span>
                    <div class="flower1 fr">
                        <div class="flower_bd fl">
                            <p></p>
                            <h5>会员中心</h5>
                        </div>
                        <div class="flower_bd1 fl">
                            <p></p>
                            <h5>会员中心</h5>
                        </div>
                        <div class="flower_bd2 fl">
                            <p></p>
                            <h5>会员中心</h5>
                        </div>
                    </div>

                </div>
                <!-- 右侧第二个框 -->
                <div class="order fl">
                    <div class="order_hd">
                        <h2 class="fl">我的订单</h2>
                        <a href="#">查看全部</a>
                    </div>
                    <div class="order_hd1">
                        <div class="shite fl">
                            <div class="shite1 fl">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_5.jpg" alt="">
                                </a>
                            </div>
                            <div class="shite2 fl">
                                <div class="shite3">
                                    <p>拉夫劳伦T恤男正品圆领短袖...</p>
                                    <p class="p2">颜色:白色 尺码:M 数量:1</p>
                                </div>
                            </div>
                            <a href="#">待付款</a>
                        </div>
                        <!-- 支付 -->
                        <div class="pay fl">
                            <div class="pay1">
                                <p>¥99.00</p>
                                <p>(含运费: ¥10.00元)</p>
                                <p>在线支付</p>
                            </div>
                        </div>
                        <!-- 支付付款 -->
                        <div class="payment fr">
                            <div class="payment1">
                                <a href="#">立即付款</a>
                                <p>查看详情</p>
                                <p>取消订单</p>
                            </div>
                        </div>
                    </div>
                    <!-- 右侧二框第二个矿 -->
                    <div class="order_hd1 shoes">
                        <div class="shite fl">
                            <div class="shite1 fl">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_6.jpg" alt="">
                                </a>
                            </div>
                            <div class="shite2 fl">
                                <div class="shite3">
                                    <p>拉夫劳伦T恤男正品圆领短袖...</p>
                                    <p class="p2">颜色:白色 尺码:M 数量:1</p>
                                </div>
                            </div>
                            <a href="#">待付款</a>
                        </div>
                        <!-- 支付 -->
                        <div class="pay fl">
                            <div class="pay1">
                                <p>¥99.00</p>
                                <p>(含运费: ¥10.00元)</p>
                                <p>在线支付</p>
                            </div>
                        </div>
                        <!-- 支付付款 -->
                        <div class="payment fr">
                            <div class="payment1">
                                <a href="#">立即付款</a>
                                <p>查看详情</p>
                                <p>取消订单</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右侧第三个矿 -->
                <div class="clothing fl">
                    <div class="order_hd clothing_hd">
                        <h2 class="fl">收藏的商品</h2>
                        <a href="#">查看全部</a>
                    </div>
                    <!-- 右侧第三个框框下册 -->
                    <div class="clothing_bd">
                        <div class="clothingpic fl">
                            <div class="clothingpic1 clothinpic1">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_1.jpg" alt="">
                                    <p>六折</p>
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第二张 -->
                        <div class="clothingpic fl">
                            <div class="clothingpic1 clothinpic2">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_2.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第三张 -->
                        <div class="clothingpic fl">
                            <div class="clothingpic1 clothinpic3">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_3.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第四章 -->
                        <div class="clothingpic fr">
                            <div class="clothingpic1 clothinpic4">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_4.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右侧第四个框框 -->
                <div class="clothing fl">
                    <div class="order_hd clothing_hd">
                        <h2 class="fl">我的足迹</h2>
                        <a href="#">查看全部</a>
                    </div>
                    <!-- 右侧第四个框框下册 -->
                    <div class="clothing_bd">
                        <div class="clothingpic fl">
                            <div class="clothingpic1 ">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_5.jpg" alt="">
                                    <p>六折</p>
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第二张 -->
                        <div class="clothingpic fl">
                            <div class="clothingpic1 ">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_6.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第三张 -->
                        <div class="clothingpic fl">
                            <div class="clothingpic1 ">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_7.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                        <!-- 第四章 -->
                        <div class="clothingpic fr">
                            <div class="clothingpic1 ">
                                <a href="#">
                                    <img src="../xiaotuzi/uploads/clothes_goods_4.jpg" alt="">
                                </a>
                            </div>
                            <div class="clothingpic2">
                                <p>人本秋季厚底帆布鞋</p>
                                <p>韩版低帮增高学生</p>
                                <p class="p3">¥55</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- media区域结束 -->
    <!-- footer区域开始 -->
    <!-- 上半部分区域开始 -->
    <div class="footer_hb w">
        <div class="service fl">
            <p>客户服务</p>
            <div class="service_ld fl">
                <div class="servicepic"></div>
                <span>在线客服</span>
            </div>
            <div class="service_rd fl">
                <div class="servicepic1"></div>
                <span>问题反馈</span>
            </div>
        </div>
        <!-- 第一根线 -->
        <div class="line fl"></div>
        <!-- 底部上面第二个框框 -->
        <div class="about fl">
            <p>关注我们</p>
            <div class="about_ld fl">
                <div class="aboutpic"></div>
                <span>公众号</span>
            </div>
            <div class="about_rd fl">
                <div class="aboutpic1"></div>
                <span>微博</span>
            </div>
        </div>
        <!-- 第二根线 -->
        <div class="line fl"></div>
        <!-- 底部上面第三个框框 -->
        <div class="load fl">
            <div class="load_hd">
                <p>下载APP</p>
            </div>
            <div class="load_bd">
                <div class="loadpic fl">
                    <img src="../xiaotuzi/uploads/qrcode.jpg" alt="">
                </div>
                <div class="upload fr">
                    <span>扫描二维码</span> <br>
                    <span>立马下载APP</span> <br>
                    <a href="#">下载页面</a>
                </div>
            </div>
        </div>
        <!-- 第三根线 -->
        <div class="line fl"></div>
        <!-- 底部的第四个框框 -->
        <div class="servicehot fl">
            <p>服务热情</p>
            <h2>400-0000-000</h2>
            <p>周一至周日 8:00-18:00</p>
        </div>
    </div>
    <!-- 底部下半部分区域开开始 -->
    <div class="footer_bd">
        <div class="footer_tt w">
            <div class="footer_tt1 fl">价格亲民</div>
            <div class="footer_tt2 fl">物流快捷</div>
            <div class="footer_tt3 fl">品质新鲜</div>
        </div>
        <div class="footer_tb">
            <div class="copyright">
                <a href="#">关于我们</a>|
                <a href="#">帮助中心</a>|
                <a href="#">售后服务</a>|
                <a href="#">配送与验收</a>|
                <a href="#">商务合作 </a> |
                <a href="#">搜索推荐</a>|
                <a href="#">友情链接</a>|
                <p>CopyRight @ 小兔鲜儿</p>
            </div>
        </div>
    </div>
    <!-- footer区域结束 -->
</body>

</html>